<template>
    {{ act }} <button @click="act[0]++">add</button>
    act2:   {{ act2 }}<br>

</template>

<script setup>


    // if (undefined) {
    //     console.log("wundefind lalala");
    // }
// const { ref } = require("vue");S
import { reactive, ref, toRaw  } from "vue";
// let a = ref([ref({ name: 1 }), ref({ name2: 2 }), ref({ name3: 3 })]);
let a = ref([{ name: 1 }, { name2: 2 }, { name3: 3 }]);
// 数组是特殊的对象，可以通过使用点符号或方括号来添加属性。然而，这些属性不会作为数组的元素，而是成为数组对象的一部分。这样的属性不会影响数组的length属性。
a.value["acount"] = (11.3333).toFixed(2);
console.log(a);
// props.CartItem.forEach((item,index )=>{
//             console.log(item,index);
// })
let rea = a.value.reverse();
console.log(a);
console.log(rea);
// console.log(rea.acount);
let act = ref([]);

act.value.push(1)
act.value.push(2)
act.value.push(3)
let act2 = JSON.parse(JSON.stringify(act.value))
// let act2 = [...act.value]
// act2 = Array.from(act2);
// act = Array.from(act.value)
let arr = [1,2,3];
console.log("arr:",arr);
// toRaw(act.value);
console.log("act");
console.log(act);
console.log("act2");
console.log(act2);
// console.log(toRaw(act.value));
// act=toRaw(act)
// console.log(act);

// 在cartBottom第一层直接使用一下代码能成功翻转含有对象的数组 成功
// console.log(props.CartItem);
// 在 cartBottom只循环有下标的

//     props.CartItem.forEach((item,index )=>{
//             console.log(item,index);
// })
// let reCart = props.CartItem.reverse();
// console.log(reCart);


// 在 购物车购买商品的数量中尝试这段代码失败了
    // let re = props.CartItem.reverse();
    // console.log(props.CartItem);
    // console.log(re);
</script>